const border = require('../tw-lib-base/border/props')
const nodata = require('../tw-lib-base/no-data/props')

module.exports = {
  data: {
    type: Array,
    default () {
      return {
      list: [
        {
          id: 0,
          imgUrl: '',
          title: '标题1',
          content: '内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容内容1内容1内容1内容1内容1',
          html: '<span style="color:#218fff">html片段1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1内容1</span>',
          err: false,
          url: 'https://test2019.teewon.net:6002/fs/media/CJTWBS1/2020/5/12/mp4/13cc33f2-6d18-4105-a170-703940020b4b.m3u8'
        },
        {
          id: 1,
          imgUrl: '',
          title: '标题2',
          content: '内容2',
          err: false,
          url: 'http://192.168.102.109/api/fs/media/PAAS001/2021/3/8/mp4/c676cbbf-9f7b-4fc3-a0f6-f82dc4a7ab59.mp4'
        },
        {
          id: 2,
          imgUrl: '',
          title: '标题3',
          html: '<span style="color:#218fff">html片段</span>',
          err: false,
          url: 'http://192.168.102.109/api/fs/media/PAAS001/2021/3/6/mp4/17385759-015c-4500-aedc-a6daa3168cdb.mp4'
        },
        {
          id: 3,
          imgUrl: '',
          title: '标题3',
          err: false,
          url: 'http://192.168.102.109/api/fs/media/PAAS001/2021/3/6/flv/bc1b7158-2bda-462c-889a-fd44e9fbefff.flv',
          mulcontent: [
            {
              title: '标题2',
              content: '内容2',
              align: 'left',
              trend: 'up'
            },
            {
              title: '标题2',
              content: '内容2',
              trend: 'up'
            },
            {
              title: '标题2',
              content: '内容2',
              trend: 'up'
            }
          ]
        },
        // {
        //   index: '5',
        //   mulcontent: [
        //     {
        //       content: '内容2',
        //       align: 'left',
        //       width: '30%',
        //       trend: ''
        //     },
        //     {
        //       content: '内容2',
        //       width: '100px',
        //       trend: 'down'
        //     },
        //     {
        //       content: '内容2',
        //       trend: 'up'
        //     }
        //   ]
        // }
      ]}
    },
    name: '',
    filedType: 'api'
  },

  columns: {
    type: String,
    default: '',
    name: '列数',
    nameTip: '每行显示多少项',
    filedType: 'string'
  },

  itemBg: {
    type: String,
    default: '#fff',
    name: '列表项背景色',
    filedType: 'color'
  },
  isColumnBg: {
    type: Boolean,
    default: false,
    name: '启用间隔背景',
    filedType: 'switch'
  },
  itemBg1: {
    type: String,
    default: '#e2e8ee',
    name: '列表项偶数背景',
    filedType: 'color'
  },
  itemMargin: {
    type: String,
    default: '0 10px',
    name: '列表外边距',
    filedType: 'string'
  },
  itemHeight: {
    type: String,
    default: '',
    name: '列表项高度',
    filedType: 'string'
  },

  itemSpacing: {
    type: String,
    default: '10px',
    name: '列表项间距',
    filedType: 'string'
  },

  itemPadding: {
    type: String,
    default: '10px',
    name: '项内边距',
    filedType: 'string'
  },

  isColumn: {
    type: Boolean,
    default: true,
    name: '是否垂直排列',
    filedType: 'switch',
    vif: {
      key: 'columns',
      value: ''
    }
  },

  iconWidth: {
    type: String,
    default: '320',
    name: '视频宽度',
    filedType: 'string'
  },

  iconHeight: {
    type: String,
    default: '180',
    name: '视频高度',
    filedType: 'string'
  },
  iconBool: {
    type: Boolean,
    default: false,
    name: '限制图标宽度',
    filedType: 'switch'
  },

  iconCenter: {
    type: Array,
    default: 'center',
    name: '排序居中显示',
    filedType: 'select',
    options: [
      {
        name: 'left',
        value: 'left'
      },
      {
        name: 'center',
        value: 'center'
      },
      {
        name: 'right',
        value: 'right'
      }
    ]
  },
  indexColor: {
    type: String,
    default: '#000',
    name: '排序字体颜色',
    filedType: 'color'
  },

  fontFamily: {
    type: Array,
    default: '',
    name: '字体',
    filedType: 'select',
    options: [
      {
        name: '微软雅黑',
        value: 'Microsoft YaHei'
      },
      {
        name: '宋体',
        value: '宋体'
      },
      {
        name: '继承父元素',
        value: 'inherit'
      },
      {
        name: '液晶面板',
        value: 'digiface'
      },
      {
        name: 'Arial',
        value: 'Arial'
      },
      {
        name: 'Helvetica Neue',
        value: 'Helvetica Neue'
      },
      {
        name: 'Helvetica',
        value: 'Helvetica'
      }
    ]
  },

  titleFontSize: {
    type: String,
    default: '14px',
    name: '标题字体大小',
    filedType: 'string'
  },

  titleFontColor: {
    type: String,
    default: '#333333',
    name: '标题字体颜色',
    filedType: 'color'
  },

  familyText: {
    type: String,
    default: '',
    name: '文本字体类型',
    filedType: 'string'
  },

  desFontSize: {
    type: String,
    default: '14px',
    name: '描述字体大小',
    filedType: 'string'
  },

  desFontColor: {
    type: String,
    default: '#666666',
    name: '描述字体颜色',
    filedType: 'color'
  },

  fontIconSize: {
    type: String,
    default: '14px',
    name: '上升/下降图标大小',
    filedType: 'string'
  },

  upIconColor: {
    type: String,
    default: '#ff3e68',
    name: '上升图标颜色',
    filedType: 'color'
  },

  downIconColor: {
    type: String,
    default: '#0a77f5',
    name: '下降图标颜色',
    filedType: 'color'
  },

  itemBorderRadius: {
    type: String,
    default: '5px',
    name: '圆角尺寸',
    filedType: 'string'
  },

  showMulText: {
    type: Boolean,
    default: false,
    name: '内容允许换行',
    filedType: 'switch'
  },
  mulTextLine: {
    type: String,
    default: '0',
    name: '内容显示行数',
    filedType: 'string',
    vif: {
      key: 'showMulText',
      value: true
    }
  },
  alignItems: {
    type: Array,
    default: 'flex-start',
    name: '内容区上下居中',
    filedType: 'select',
    options: [
      {
        name: '默认',
        value: 'flex-start'
      },
      {
        name: '居中',
        value: 'center'
      },
      {
        name: '底部对齐',
        value: 'flex-end'
      }
    ]
  },

  boxshadow: {
    type: String,
    default: '0 0 4px 1px #999',
    name: '边框阴影',
    filedType: 'string'
  },
  topValue: {
    type: String,
    default: '1,300',
    name: '视频top参数',
    filedType: 'string'
  },
  pageValue: {
    type: String,
    default: '10',
    name: '组件滚动参数',
    filedType: 'string'
  },

  showLine: {
    type: Boolean,
    default: false,
    name: '显示分割线',
    filedType: 'switch'
  },
  itemBorderColor: {
    type: String,
    default: '#ccc',
    name: '分割线颜色',
    filedType: 'color'
  },
  itemBorderType: {
    type: Array,
    default: 'solid',
    name: '分割线样式',
    filedType: 'select',
    options: [
      {
        name: '实线',
        value: 'solid'
      },
      {
        name: '虚线',
        value: 'dashed'
      },
      {
        name: '点划线',
        value: 'dotted'
      }
    ]
  },

  useLazeLoad: {
    type: Boolean,
    default: false,
    name: '使用懒加载',
    filedType: 'switch'
  },

  value: {
    type: Number,
    default: 1,
    name: '懒加载当前页',
    filedType: 'value'
  },

  pageSize: {
    type: Number,
    default: 10,
    name: '懒加载每页行数',
    filedType: 'string'
  },

  clickFunc: {
    type: Function,
    default: '',
    name: '点击跳转事件',
    nameTip: '函数的返回值是样式字串',
    filedType: 'function'
  },

  autoPlay: {
    type: Boolean,
    default: false,
    name: '自动播放',
    filedType: 'switch'
  },

  ...border,
  ...nodata
}
